<template>
    <div class="SideAd">
        <p class="SideAd-title">AD-广告</p>
        <div class="SideAd-imgbox">
            <img class="SideAd-img" :src="adImg" alt="">
        </div>
        <div class="SideAd-bottom"></div>
    </div>
</template>

<script>
export default {
    name: 'SideBarAd',
    props: {
        adImg: {
            default () {
                return 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1531142823336&di=3121bc2c6b4a4cee16febae886463a01&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2F4a36acaf2edda3ccd53548ea0be93901203f9223.jpg'
            }
        }
    }
}
</script>

<style lang="stylus" scoped>
.SideAd
    width: 100%
    height: 2.4rem
    position: absolute
    bottom: 0 
    .SideAd-title
        text-align: right
    .SideAd-imgbox
        height: 1.8rem
        .SideAd-img
            width: 100%
            height: 100%
    .SideAd-bottom
        background-color: #ff6b2a
        height: 1000rem
</style>